Skip to content

Comments

Add lush shadow from https://www.joshwcomeau.com/shadow-palette/#2

Open
Profesor08 wants to merge 6 commits intopostcss:mainfrom
Profesor08:add-lush-shadow
Open

Add lush shadow from https://www.joshwcomeau.com/shadow-palette/#2
Profesor08 wants to merge 6 commits intopostcss:mainfrom
Profesor08:add-lush-shadow

Conversation

@Profesor08
Copy link

closes #1

Add lush shadow from https://www.joshwcomeau.com/shadow-palette/

Allows to create cool shadows same as in example link

Examples

.low {
  box-shadow: --lush-shadow(
    low -0.25 -0.5 0.5 0.5 0.75 oklch(0 0 0 / 15%)
  );
}

.medium {
  box-shadow: --lush-shadow(
    medium -0.25 -0.5 0.5 0.5 0.75 oklch(0 0 0 / 15%)
  );
}

.high {
  box-shadow: --lush-shadow(
    high -0.25 -0.5 0.5 0.5 0.75 oklch(0 0 0 / 15%)
  );
}

.inset {
  box-shadow: --lush-shadow(
    medium inset -0.25 -0.5 0.5 0.5 0.75 oklch(0 0 0 / 15%)
  );
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add more shadows

1 participant